<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="zh-CN">
<!--页头引入-->
<head>
    <title>modal模态框组件</title>
    <meta content="{{PageDescription}}" name="Description">
    <meta content="{{PageKeywords}}" name="Keywords">
    <meta charset="UTF-8">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--坑爹的将360默认为极速模式打开-->
    <meta name="renderer" content="webkit">
    <!--移动优先-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--图标引入-->
    <!--bootstrap引入-->
    <link href="./src/css/bootstrap.css" rel="stylesheet" type="text/css"/>

    <!--本地CSS-->
    <link href="./src/css/mooshroom.css" rel="stylesheet">
    <link href="./src/css/local.css" rel="stylesheet">


    <link href="./plugins/modal.css" rel="stylesheet">

</head>

<body>
<!--提示框-->


<div ms-controller="layout">
<div class="panel"></div>
    <!--模态框触发按钮-->
    <a class="btn btn-primary btn-lg" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>
    <a class="btn btn-primary" href="#!/modal">弹</a><br/><br/><br/>


    <!--modal 模态框-->

    <div ms-controller="modal">
        <div class="modal-bg" id="myModal" ms-visible="toggle" ms-click="getOut">
            <div class="modal-box"
                 ms-css-left="x"
                 ms-css-top="y"
                 ms-css-height="mh"
                 ms-css-width="mw">

                <div ms-include-src="url"></div>
            </div>
        </div>
    </div>

</div>


<!--jquery-->
<script src="./src/js/jquery-1.10.2.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<script src="./src/js/bootstrap.min.js"></script>

<!--avalon-->
<script src="./src/js/avalon.js"></script>

<!--tansuyun plugins-->
<!--<script src="./plugins/door.js"></script>-->
<script src="./plugins/modal.js"></script>

<!--soul-->
<script src="./config.js"></script>
<script src="./router.js"></script>
<script src="./layout.js"></script>

</body>
</html>